<style>
    .nivoSlider {
        position:relative;
        width:1170px;
        height:auto;
        overflow: hidden;
        margin: 0 auto;
    }
</style>
<!--Slider Area Start-->
<div class="slider-area">
    <div class="preview-2">
        <div id="nivoslider" class="slides">
            {volist name="banner" id="vo"}
            <a href="#"><img src="{$vo.image}" alt=""/></a>
            {/volist}
            <!--<a href="#"><img src="/img/slider/slider-1.jpg" alt="" title="#slider-1-caption1"/></a>
            <a href="#"><img src="/img/slider/slider-3.jpg" alt="" title="#slider-1-caption2"/></a>
            <a href="#"><img src="/img/slider/slider-2.jpg" alt="" title="#slider-1-caption3"/></a>-->
        </div>
    </div>
</div>
<!--End of Slider Area-->
<!--Banner Area Start-->
<!--End of Banner Area-->
<!--Timer Product Carousel Area Start-->
<!--End of Timer Product Carousel Area-->
<!--Featured Product Carousel Area Start-->
<div class="featured-product-carousel-area">
    <div class="container">
        <div class="section-padding">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title"><h2>TOP PRODUCTS</h2></div>
                </div>
            </div>
            <div class="row">
                <div class="product-carousel">
                    {volist name="topGoods" id="vo"  }
                    <div class="col-md-3">
                        <!--item 2 start-->
                        <div class="single-product-item">
                            <div class="sale-product-label"><span>sale</span></div>
                            <div class="single-product clearfix">
                                <a href="{:url('goods/detail',['id' => $vo.id])}">
                                            <span class="product-image">
                                                <img src="{$vo.image}" alt="">
                                            </span>
                                    <span class="product-image hover-image">
                                                <img src="{$vo.image}" alt="">
                                            </span>
                                </a>
                            </div>
                            <h2 class="single-product-name"><a href="{:url('goods/detail',['id' => $vo.id])}">{$vo.name}</a></h2>
                            <div class="price-box">
                                <p class="old-price">
                                    <span class="price">Rs.{$vo.mktprice}</span>
                                </p>
                                <p class="special-price">
                                    <span class="price">Rs.{$vo.price}</span>
                                </p>
                            </div>
                        </div><!--end of item 2-->
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>
</div>
<!--End of Featured Product Carousel Area-->
<!--Banner Area Start-->
<div class="banner-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-8 col-sm-8 hidden-xs">
                <div class="banner-box">
                    <a href="#">
                        <img src="/img/banner/17.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4">
                <div class="banner-box">
                    <a href="#">
                        <img src="/img/banner/18.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--End of Banner Area-->
<!--Product Carousel Area Start-->
<div class="product-carousel-area">
    <div class="container">
        <div class="section-padding">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-title"><h2>New Products</h2></div>
                </div>
            </div>
            <div class="row">
                <div class="product-carousel">
                    {volist name="newGoods" id="vo"  }
                    <div class="col-md-3">
                        <!--item 2 start-->
                        <div class="single-product-item">
                            <div class="new-product-label"><span>new</span></div>
                            <div class="single-product clearfix">
                                <a href="{:url('goods/detail',['id' => $vo.id])}">
                                            <span class="product-image">
                                                <img src="{$vo.image}" alt="">
                                            </span>
                                    <span class="product-image hover-image">
                                                <img src="{$vo.image}" alt="">
                                            </span>
                                </a>
                            </div>
                            <h2 class="single-product-name"><a href="{:url('goods/detail',['id' => $vo.id])}">{$vo.name}</a></h2>
                            <div class="price-box">
                                <p class="old-price">
                                    <span class="price">Rs.{$vo.mktprice}</span>
                                </p>
                                <p class="special-price">
                                    <span class="price">Rs.{$vo.price}</span>
                                </p>
                            </div>
                        </div><!--end of item 2-->
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>
</div>
<!--End of Product Carousel Area-->
<!--Blog Area Start-->
<!--End of Blog Area-->
